<script setup lang="ts">
import { CURRENT_PLATFORM, PLATFORMS } from '@/enums/platformEnum';
import { judgePlatform } from '@/utils/platform';
import Iconify from '@/components/Iconify/index.vue';
import { getEnvValue } from '@/utils/env';

const appTitle = getEnvValue<string>('VITE_APP_TITLE');

const title = ref(appTitle);

const platform = CURRENT_PLATFORM;

const isVue3 = judgePlatform(PLATFORMS.VUE3);
</script>
<template>
    <view class="content">
        <image class="logo" src="/static/svg/LOGO.svg" />
        <view class="text-area">
            <text class="">{{ title }}</text>
        </view>
        <view class="text-area">
            <text class="">是否是Vue3: {{ isVue3 }}</text>
        </view>
        <view class="text-area">
            <text class="_u_text-red">当前平台: {{ platform }}</text>
        </view>
        <view class="_u_text-red">uno css</view>
        <Iconify icon="i-ph-anchor-simple-thin" size="65" />
        <Iconify icon="i-system-uicons-book-text" />
        <Iconify icon="i-system-uicons-battery-full" size="65" />
        <Iconify icon="i-system-uicons-box-add" :size="65" />
        <Iconify icon="i-system-uicons-bell-snooze" color="red" :size="65" />
    </view>
</template>
<style lang="scss">
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.logo {
    height: 200rpx;
    width: 200rpx;
    margin: 50rpx auto 50rpx;
}

.text-area {
    display: flex;
    justify-content: center;
    margin-bottom: 60rpx;
}

.title {
    font-size: 36rpx;
    color: #8f8f94;
}
</style>
